﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>爱尚洗车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
    <link href="styles/bootstrap.min.css" rel="stylesheet" />
    <link href="styles/NewGlobal.css" rel="stylesheet" />
    <link href="styles/weui.css" rel="stylesheet" type="text/css" />
    <link href="styles/tab.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery-1.11.2.min.js" type="text/javascript"></script>
    <script src="Scripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.cookie.js" type="text/javascript"></script>
    <script src="scripts/jquery.url.js" type="text/javascript"></script>
    <script src="scripts/common.js" type="text/javascript"></script>
    <script src="js/list.js" type="text/javascript"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
</head>
<body class="gray">
    <div class="header">
        <div class="top-name">
            <p>
                我的订单</p>
        </div>
    </div>
    <div class="container width100">
        <div class="buttons-tab">
            <a href="#tab1" class="tab-link active">待支付</a> <a href="#tab2" class="tab-link">已支付</a>
            <a href="#tab3" class="tab-link">已完成</a> <a href="#tab4" class="tab-link">退款</a>
        </div>
        <div class="content-block">
            <div class="tabs">
                <div id="tab1" class="tab active">
                    <div id='wfList'>
                        <div class="width100 center">
                            <img src="images/none.png" /></div>
                    </div>
                </div>
                <div id="tab2" class="tab">
                    <div id='yfList'>
                        <div class="width100 center">
                            <img src="images/none.png" /></div>
                    </div>
                </div>
                <div id="tab3" class="tab">
                    <div id='wcList'>
                        <div class="width100 center">
                            <img src="images/none.png" /></div>
                    </div>
                </div>
                <div id="tab4" class="tab">
                    <div id='tkList'>
                        <div class="width100 center">
                            <img src="images/none.png" /></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group mt10 ml10 mr10" style="height: 50px">
            &nbsp;
        </div>
    </div>
    <div id="loadingToast" class="weui_loading_toast" style="display: none;">
        <div class="weui_mask_transparent">
        </div>
        <div class="weui_toast">
            <div class="weui_loading">
                <div class="weui_loading_leaf weui_loading_leaf_0">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_1">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_2">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_3">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_4">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_5">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_6">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_7">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_8">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_9">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_10">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_11">
                </div>
            </div>
            <p class="weui_toast_content">
                数据处理中...</p>
        </div>
    </div>
    <!--BEGIN toast-->
    <div id="toast" class="weui_loading_toast" style="display: none;">
        <div class="weui_mask_transparent">
        </div>
        <div class="weui_toast">
            <div class="weui_loading">
                <div class="weui_loading_leaf weui_loading_leaf_0">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_1">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_2">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_3">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_4">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_5">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_6">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_7">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_8">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_9">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_10">
                </div>
                <div class="weui_loading_leaf weui_loading_leaf_11">
                </div>
            </div>
            <p class="weui_toast_content" id="toast_content">
            </p>
        </div>
    </div>
    <!--END toast-->
</body>
</html>
